import { login, getUserInfo, getUserDetailById } from '@/api'
import { setToken, getToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken() || '',
    userInfo: {}
  },
  mutations: {
    SET_TOKEN(state, token) {
      state.token = token
      setToken(token)
    },
    SET_USERINFO(state, userInfo) {
      state.userInfo = userInfo
    },
    REMOVE_USERINFO(state) {
      // 清除 vuex 中的 token 和 用户信息数据
      state.token = ''
      state.userInfo = {}
      // 清除本地 token
      removeToken()
      // 重置路由
      resetRouter()
    }
  },
  actions: {
    async fetchLogin(store, loginForm) {
      // try {
      //   const { data } = await login(loginForm)
      //   store.commit('setToken', data)
      // } catch (err) {
      //   console.log(err)
      //   console.log(Promise.reject(err))
      // return Promise.reject(err)
      // }

      // 注意这里不写一个promise的return值，因为promise的返回结果具有传递性
      const { data } = await login(loginForm)
      store.commit('SET_TOKEN', data)
    },

    async fetchUserInfo(store) {
      const res = await getUserInfo()
      const res2 = await getUserDetailById(res.data.userId)
      store.commit('SET_USERINFO', { ...res.data, ...res2.data })

      // 返回权限数据
      return res.data.roles
    }
  }
}
